<!--
 * @Author: your name
 * @Date: 2021-12-27 15:09:02
 * @LastEditTime: 2022-12-14 11:02:54
 * @LastEditors: sunli
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /etrip-ui/src/pages/loading/demo.vue
-->
<script setup>
import {Loading} from '../../../packages/lib/index.js'

</script>

<template>
  <div>
    <p>基础</p>
    <Loading></Loading>
    <br>
    <p>自定义颜色</p>
    <Loading color="blue"></Loading>
    <br>
    <p>自定义大小</p>
    <Loading size="20"></Loading>
    <br>
    <p>自定义宽度</p>
    <Loading width="5"></Loading>
    <br>
    <p>文本</p>
    <Loading>加载中...</Loading>
    <br>
    <p>垂直文本</p>
    <Loading vertical>加载中...</Loading>
  </div>
</template>